$('.tablist').on("click", "a", function(){
	$('.tablist a').removeClass('active');
	$(this).addClass('active');
	var tabIndex = $('.tablist .tab-block').index($(this).parent());
	$('#tabContent .tabpanel').removeClass('active');
	$('#tabContent .tabpanel').eq(tabIndex).addClass('active');
})

$('.tablist').on("click", ".icon-iclose", function(){
	var tabIndex = $('.tablist .tab-block').index($(this).parent());
	$(this).parent('.tab-block').remove();
	$('.tablist').children().last().find('a').addClass('active');
	$('#tabContent .tabpanel').eq(tabIndex).remove();
	$('#tabContent .tabpanel').last().addClass('active');
})

var show = true;
$('.slidebar-toggle').click(function(){
	if(show){
		show = !show;
		$('.content-wrapper').animate({
			marginLeft: '0px'
		}, 500);
		$('.sliderbar-box').animate({
			left: '-180px'
		}, 500);
		$(this).css({'transform':'rotate(180deg)', 'right': '0px'});
		$(this).animate({
			right:'-16px'
		}, 500);
	}else{
		show = !show;
		$('.content-wrapper').animate({
			marginLeft: '180px'
		}, 500);
		$('.sliderbar-box').animate({
			left: '0px'
		}, 500);
		$(this).css('transform', 'rotate(0deg)');
		$(this).animate({
			right:'0px'
		}, 500);
	}
})

